[v-cloak] {
    display: none;
}
.main{
    width: 100%;
    position: relative;
    height:calc(100vh - 95px);
    margin-top:40px;
    overflow:hidden;
}
.contain{
    height:100%;
    overflow: scroll;
}
.mint-header .iconSpan{
    width:25%;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.allJob .iconSpan{
    margin-top:2px;
    padding:8px 0px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
}
.departIcon .iconSpan{
    margin-top:10px;
    padding:8px 0px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}
.departIcon .iconSpan i{
    width: 50px;
    height: 50px;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius:50%;
    color: white;
    padding:8px;
    font-size:30px;
    margin-bottom:5px;
}
.departIcon .iconSpan span{
    font-size:14px;
}    
.iconGreen{
    background-color:#3A913F;
}
.iconRed{
    background-color:#952545;
}
.iconYellow{
    background-color:#F29211;
}
.iconBlue{
    background-color:#00758f;
}
.allJob .iconSpan i{
    font-size:30px;
    margin-bottom:5px;
}
.allJob .iconSpan span{
    font-size:14px;
}    
.mint-header .iconSpan i{
    font-size:35px;
    margin-bottom:5px;
}
.mint-header .iconSpan span{
    font-size:14px;
}
.title{
    padding:10px 0px 20px 0px;
    color:#37a2da;
}
.blue:before{
    content: '';
    display: inline-block;
    border-radius:50%;
    background-color:#62BBDB;
    width:10px;
    margin-right: 10px;
    height: 10px;
}
.mint-tabbar {
    position: fixed;
}
a{
    text-decoration: none;
}
.catalogIcon{
    padding:10px 20px;
    background-color: white;
    margin-top:8px;
    display:flex;
    flex-direction: column
}
.catalogIcon .iconSpan{
    margin-top:2px;
    padding:5px 0px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #37a2da;
    border:2px solid #37a2da;
    border-radius:5px;
}
.catalogIcon .iconSpan i{
    font-size:30px;
    margin-bottom:5px;
}
.catalogIcon .iconSpan span{
    font-size:14px;
}    
.index{
    height: 18px;
    line-height: 18px;
    display: inline-block;
    width: 18px;
    background-color: #37a2da;
    text-align: center;
    color: white;
    border-radius:2px;
    margin-right:3px;

}
.ellipsis{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.mySpan{
    color:#249AF2;
    padding:0px 10px;
}
.before{
  border-right: 1px solid gray;
}
.divTitle{
    color:white;
    display:inline-block;
    width:100%;
    height:40px;
    line-height:40px;
    background-color:#249AF2;
    padding-left:10px;
}
.el-table th{
    background-color: #DCEDF3;
}
.el-table td, .el-table th {
    padding: 6px 0;
}
.el-table__body-wrapper table,.el-table__header-wrapper table{
    width:unset!important;
}
.square:before{
    content:'';
    height:10px;
    line-height:20px;
    width:10px;
    background-color:#249AF2;
    margin-right:8px;
    display: inline-block;
}
.mint-tab-item-icon > * {
    font-size:22px;
}